@extends('layout.admin.index')
@section('content')
<body>
<form method="post" action="" id="listform">
  <div class="panel admin-panel">
  <!-- 子列表显示-角色管理列表 -->
    <div class="panel-head"><strong class="icon-reorder"> {{ $title }}</strong> <a href="" style="float:right; display:none;">添加字段</a></div>
    <div class="padding border-bottom">
      <ul class="search" style="padding-left:10px;">
        <li> <a class="button border-main icon-plus-square-o" href="/admin/roles/add"> 添加角色</a> </li>
		<form action=""></form>
		
		<!-- get搜索分页表单 -->
        <form action="/admin/roles/index">
	        <li>显示条数
	          <select name="count" class="input" onchange="changesearch()" style="width:60px; line-height:17px; display:inline-block">
	          <!-- 分页进行判断获取设置的条数值 并检测count在未传值时转为空 -->
	            <option value="10" @if(!empty($request['count']) && $request['count'] == 10) selected @endif>10</option>
	            <option value="30" @if(!empty($request['count']) && $request['count'] == 30) selected @endif>30</option>
	            <option value="50" @if(!empty($request['count']) && $request['count'] == 50) selected @endif>50</option>
	          </select>
	          &nbsp;&nbsp;
	        </li>
	        <!-- 分页获取参数并路由跳转致本页面，获取搜索结果 -->
        <li style="float:right">
          <input type="text" placeholder="请输入搜索关键字" name="search" class="input" style="width:250px; line-height:17px;display:inline-block" value="{{ $request['search'] or ''}}"/>
          <input type="submit" class="button border-main icon-search" onclick="changesearch()" value="搜索">
        </li>
        </form>
		<!-- get搜索分页表单 -->

      </ul>
    </div>

    <!-- 角色列表显示开始 -->
<!-- <form action="/admin/roles/delete" method="get"> -->
<form action="/admin/roles/delete" method="get">
    <table class="table table-hover text-center">
      <tr>
        <th width="9%" style="text-align:left; padding-left:20px;">排序</th>
        <th width="15%">角色名称</th>
        <th width="40%">角色描述</th>
        <th width="10">角色状态</th>
        <th width="25%">操作</th>
      </tr>
      <volist name="list" id="vo">
    	@foreach($data as $k => $v)
        <tr>
        <!-- 获取id -->
          <td style="text-align:left; padding-left:20px;">
          	  <input type="checkbox" name="id[]" value="{{ $v['id'] }}" />{{ $k+1 }}
          </td>
          <!-- 获取角色用户 -->
          <td>{{ $v['role_name'] }}</td>

          <!-- 获取角色描述 -->
          <td>{{ $v['role_descript'] }}</font></td>

          <!-- 设置是否开启 -->
          <td>
          		@if($v['role_open'] == 1) <font color="green">已开启</font> 
          		@else  <font  color="red">已禁用</font>
          		@endif
          </td>
          <td>
          	<div class="button-group">
          		<a class="button border-main" href="/admin/roles/edit/{{ $v['id'] }}"><span class="icon-edit"></span> 编辑</a>
          		<a href="/admin/roles/delete?id[]={{ $v['id'] }}" class="button border-red" onclick="confirm('确定要删除该角色吗')">删除</a>
          		<a class="button border-green" href="/admin/roles/func/{{ $v['id'] }}"><span class="icon-edit"></span> 分配权限</a>
          	</div>
          </td>
        </tr>
        @endforeach
		<!-- 角色列表显示结束 -->


		<!-- 全选删除 -执行删除路由-->
      <tr>
        <td style="text-align:left; padding:19px 0;padding-left:20px;"><input type="checkbox" id="checkall" />
          全选 </td>
        <td colspan="7" style="text-align:left;padding-left:20px;">
        	<input type="submit" value="删除" class="button border-red icon-trash-o" style="padding:5px 15px;" onclick="return DelSelect()">
        </td>
      </tr>
</from>
      <tr>
        <td colspan="8">
        	<div class="pagelist">
        		<!-- 分页显示 -->
        		{!! $data -> appends($request) ->render() !!}
        	</div>
        </td>
      </tr>

    </table>

  </div>
</form>
<script type="text/javascript">

//搜索
function changesearch(){	
		
}

//单个删除
function del(){

}

//全选
$("#checkall").click(function(){ 
  $("input[name='id[]']").each(function(){
	  if (this.checked) {
		  this.checked = false;
	  }
	  else {
		  this.checked = true;
	  }
  });
})

//批量删除
function DelSelect(){
	var Checkbox=false;
	 $("input[name='id[]']").each(function(){
	  if (this.checked==true) {		
		Checkbox=true;	
	  }
	});
	if (Checkbox){
		var t=confirm("您确认要删除选中的内容吗？");
		if (t==false) return false;		
		$("#listform").submit();		
	}
	else{
		alert("请选择您要删除的内容!");
		return false;
	}
}

//批量排序
function sorts(){
	var Checkbox=false;
	 $("input[name='id[]']").each(function(){
	  if (this.checked==true) {		
		Checkbox=true;	
	  }
	});
	if (Checkbox){	
		
		$("#listform").submit();		
	}
	else{
		alert("请选择要操作的内容!");
		return false;
	}
}


//批量首页显示
function changeishome(o){
	var Checkbox=false;
	 $("input[name='id[]']").each(function(){
	  if (this.checked==true) {		
		Checkbox=true;	
	  }
	});
	if (Checkbox){
		
		$("#listform").submit();	
	}
	else{
		alert("请选择要操作的内容!");		
	
		return false;
	}
}

//批量推荐
function changeisvouch(o){
	var Checkbox=false;
	 $("input[name='id[]']").each(function(){
	  if (this.checked==true) {		
		Checkbox=true;	
	  }
	});
	if (Checkbox){
		
		
		$("#listform").submit();	
	}
	else{
		alert("请选择要操作的内容!");	
		
		return false;
	}
}

//批量置顶
function changeistop(o){
	var Checkbox=false;
	 $("input[name='id[]']").each(function(){
	  if (this.checked==true) {		
		Checkbox=true;	
	  }
	});
	if (Checkbox){		
		
		$("#listform").submit();	
	}
	else{
		alert("请选择要操作的内容!");		
	
		return false;
	}
}


//批量移动
function changecate(o){
	var Checkbox=false;
	 $("input[name='id[]']").each(function(){
	  if (this.checked==true) {		
		Checkbox=true;	
	  }
	});
	if (Checkbox){		
		
		$("#listform").submit();		
	}
	else{
		alert("请选择要操作的内容!");
		
		return false;
	}
}

//批量复制
function changecopy(o){
	var Checkbox=false;
	 $("input[name='id[]']").each(function(){
	  if (this.checked==true) {		
		Checkbox=true;	
	  }
	});
	if (Checkbox){	
		var i = 0;
	    $("input[name='id[]']").each(function(){
	  		if (this.checked==true) {
				i++;
			}		
	    });
		if(i>1){ 
	    	alert("只能选择一条信息!");
			$(o).find("option:first").prop("selected","selected");
		}else{
		
			$("#listform").submit();		
		}	
	}
	else{
		alert("请选择要复制的内容!");
		$(o).find("option:first").prop("selected","selected");
		return false;
	}
}

</script>
</body>
@endsection